<template>
	<view>
		<view class="cardBox" >
			<view class="flex" style="margin-top: 10rpx;">
				货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单货物清单
			</view>
			<view style="height: 10rpx;width: 100%;"></view>
		</view>
		<view style="margin-top: 30px;margin-bottom: 30px; font-size: 40rpx; text-align: center;">{{text.yichang}}</view>
		
		<view class="cardBox" style="margin-top: 0rpx;">
			<view class="flex" style="margin-top: 10rpx;">
				<view class="biao">
					<span class="biao_span">|</span> 
					<text style="font-size: 32rpx;">{{text.title}}  </text> 
				</view>
				<view class="order_status">{{$t('已处理')}}</view>
			</view>
			<image :src="img" class="order_img"  style="margin:0rpx 3%;margin-top: 20rpx;float: left;"></image>
			<view style="clear: both;"></view>
			<view class="filetext">12121情况说明</view>
			<view style="font-size: 14px;margin:0rpx 3%;margin-top: 20rpx;">{{text.do_time}} : 2024-06-06 12:00</view>
			<view style="height: 10rpx;width: 100%;"></view>
		</view>
		<block>
			<view style="display: flex;width:90%;margin-left:5%">
				<view style="width: 100%;">
					<u-button  style="" :custom-style="customStyle2" hover-class="none" :disabled="subDisabled" type="primary"
						>
						{{ $t('确定购物清单') }}
					</u-button>
				</view>
			</view>
		</block>
	</view>	
</template>

<script>
	import {HTTP_REQUEST_URL,HTTP_IMG_UTL,IMAGE_URL} from "@/config/app";
	
	export default {
		components: {
			
		},
		data() {
			return {
				//远程域名
				HTTP_IMG_UTL,
				HTTP_REQUEST_URL,
				IMAGE_URL,
				url: IMAGE_URL,
				
				//语言
				lang: this.$i18n.locale,
				//文字
				text:{			
					xieyi:this.$t('货物清单'),
					yichang:this.$t('异常说明'),
					title:this.$t('交易异常-货物破损'),
					do_time:this.$t('处理时间'),
				},
				img:HTTP_IMG_UTL+'huangjin.png',
				
				customStyle2: {
					width: '500rpx',
					height: '83rpx',
					marginTop:'20rpx',
					background: '#ff2323',
					borderRadius: '56rpx'
				},
				
			}
		}
	}
</script>

<style lang="scss" scoped>
	.cardBox {
		width: 94%;
		margin: 0 auto;
		margin-top: 30rpx;
		box-shadow: 0 0 10px #ddd;
		background: #ddd;
		padding: 10rpx 20rpx;
		border-radius: 20rpx;
		background: #fff;
		margin-bottom: 30rpx;
		position: relative;
	}
	.flex{width: 100%;display: flex;}
	.biao{margin-top: 0rpx; width: 80%; margin-left: 0rpx;font-size: 30rpx;  font-weight: bold;}
	.biao_span{color:darkorange ; font-size: 18px; margin-right: 5px;}
	.cardTitle{font-size: 24rpx; width: 94%;padding-top: 6rpx;}
	.order_img{width: 160rpx;height: 160rpx;border-radius: 20rpx;}
	.close_image2{
		width: 120rpx;height: 120rpx;border-radius: 20rpx; margin-right: 20rpx; margin-top: 20rpx; float: left;
	}
<style>